<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			#vd-items{
				font-size: 0;
			}
			#vd-items div{
				width: 50%;
				height: 200px;
				display: inline-block;
			}
			.vd{
				width: 100%;
				height: 100%;
			}
			video{
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><input type="checkbox">lee</li>
			<li><input type="checkbox">ming</li>
			<li><input type="checkbox">hh</li>
			<li><input type="checkbox">ddd</li>
		</ul>
		<button onclick="call()">拨打电话</button>
		<button onclick="uncall()">取消拨打电话</button>
		<div id="vd" style="display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(7,17,27,0.2);">
			<div id="vd-items" style="background-color: white;width: 60%;height: 400px;overflow: hidden;margin: 0 auto;margin-top: 100px;">
				
			</div>
		</div>
		
		
		<script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>
		<script src="js/index.js"></script>
		<script>
			/* var con = prompt('输入名字')
			var olis = document.getElementsByTagName('li')
			webrtc.init('https://192.168.0.117:8443',con)  //初始化多人视频通话，传入服务器ip,当前用户的唯一标识
			function call(){
				var names = []
			  for(var i=0;i<olis.length;i++){
			  	if(olis[i].children[0].checked==true){
			  		names.push(olis[i].innerText) 
			  	}
			  }
			  webrtc.call(con,names) //多人拨打，传入当前用户的唯一标识，以及其他用户的唯一标识
			}
			function uncall(){
				var names = []
				for(var i=0;i<olis.length;i++){
					if(olis[i].children[0].checked==true){
						names.push(olis[i].innerText) 
					}
				}
				webrtc.uncall(con,names) //多人拨打，传入当前用户的唯一标识，以及其他用户的唯一标识
			}
			webrtc.on({ //时间监听
				listenCall:function(data){  //电话拨打过来事件
					var co = confirm('是否接听？')
					co ? webrtc.acceptCall(data) : webrtc.refuseCall(data)
				},
				notOnline:function(data){ //被拨打者不在线事件
					alert(data+'不在线')
				},
				listenRefuse:function(data){//被拨打者拒绝事件
					alert(data+'拒绝了你')
				},
				alreadyRoom:function(data){//用户已在房间事件
					alert(data+'已在房间')
				},
				allAccept:function(data){//全部准备事件
					window.location = 'http://192.168.0.117:8443/rtc.html?id='+data.roomNum
				},
				listenUncall:function(data){
					alert(data+'已放弃拨打')
				}	
				}) */
				
		</script>
	</body>
</html>
